說明

在這一章，我們將繼續創建與天氣 API 整合的介面，因為 36 小時天氣預報的資料中包括了城市名稱，以及該城市接下來三段 12 小時的預報。所以，我們需要建立一個可以選擇城市的介面元件，並能夠顯示三段相同資料的表格。這樣，使用者可以很直觀地選擇並查看天氣資料。

實做

1. 選擇城市的 UI 元件：UIPickerView
   目的：讓使用者可以從一個下拉清單中選擇城市，並且根據所選的城市來顯示相關的天氣資料。
2. 顯示三段預報的 UI 元件：UITableView
   目的：展示城市未來 36 小時內的三份預報，每一份預報的資料包含天氣情況、溫度、降雨機率等。
   
3. tableview cell 中需要顯示5項資料，label及image各五個。
   每個 cell 裡面將包含：

• 天氣圖標
• 天氣描述
• 溫度
• 降雨機率
• 時間區間
  

結語

這次的 UI 設計圍繞著如何直觀地顯示天氣預報資料，並通過 UIPickerView 來選擇城市。接下來我們將會繼續完善與 API 的整合，讓使用者可以實際看到不同城市的天氣預報。